<template>
  <baidu-map :center="center" :zoom="zoom" @ready="handler"></baidu-map>
</template>

<script>
export default {
  name: "baidu-map",
  data() {
    return {
      // 定位位置
      center: {lng: 0, lat: 0},
      // 地图放大等级
      zoom: 3

    }
  },
  methods: {
    // 实例对象
    handler ({BMap, map}) {
      alert("1")
      console.log(BMap, map)
      // 经度
      this.center.lng = 116.404
      // 纬度
      this.center.lat = 39.915
      // 地图放大等级
      this.zoom = 15
    }
  }

}
</script>

<style scoped>
.bm-view {
  width: 100%;
  height: 300px;
}
</style>
